/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #2c2c2c;overflow-x:hidden;}
.wrap{max-width: 1400px;margin: 0 auto;width: 90%; }
:root {
	--base_color: #0f4399;
	--base_bg: #0f4399;
}
ul{padding: 0;margin: 0;}
ul li{list-style: none;} 
.fl{float: left;}
.fr{float: right;}
a{ color: #000; }
a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ovh6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center; position: relative; z-index: 999;}

.flexaro{display: flex;justify-content: space-around;align-items: center;}
/*.flexbet{ position: absolute; bottom: 0px; z-index: 999; width: 100%; background: #000; }*/

/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #333333;text-align: center;background: rgba(0,0,0,.18);}
header .wrap{max-width: 100%;padding: 0 9.3vw 0 4.1vw;height: 100px;width: auto;}
header .logo a{height: 100px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 80%;}
header .logo img.hImg{display: none;}
header .rightDiv{float: right;}
header .rightDiv .menu{text-align: right;position: relative;font-size: 0;}
header .rightDiv .menu>ul{display: inline-block!important;margin-right: 1.5vw;}
header .rightDiv .menu>ul>li{float: left;}
header .rightDiv .menu>ul>li>a{height: 100px;line-height: 100px;text-align: left;color: #ededed;position: relative;font-size: 16px;padding: 0 0.9vw;}
header .rightDiv .menu>ul>li:hover>a{background: #0f4399!important;color: #fff!important; transition: 0.5s;}
header .rightDiv .menu .on a{background: #0f4399!important;color: #fff!important; color: #fff;}
/*header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background: none;color: #4581d8!important;}
header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0;background: #4581d8;height: 2px;bottom: 20px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;}
header .rightDiv .menu>ul>li:hover>a::after,
header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);} */
header .otherDiv{height: 100px;position: relative;padding-left: 2vw;}
header .otherDiv a.tel{color: #ededed;font-family: arial;font-weight: bold;font-size: 20px;position: relative;padding-left: 30px;background: url(../img/h-tel.png) no-repeat left center; }
header .otherDiv:before{content: "";width: 1px;height: 36px;background-color: #e8e8e8;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }


header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide.png) no-repeat center center;background-size: 22px auto;}

.on-fixed header{background: #fff; border-bottom: 1px solid #efefef;}
.on-fixed header .logo img.dImg{display: none;}
.on-fixed header .logo img.hImg{display: block;}
.on-fixed header .rightDiv .menu>ul>li>a{color: #2c2c2c;}
.on-fixed header .otherDiv a.tel{color: #2c2c2c;background: url(../img/h-tel_.png) no-repeat left center; }
.on-fixed header .otherDiv:before{background: #2c2c2c; }
.on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;}
body.on-menu.on-fixed header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;}


.on-menu header{background: #fff;}
.on-menu header .logo img.dImg{display: none;}
.on-menu header .logo img.hImg{display: block;}
.on-menu header .rightDiv .menu>ul>li>a{color: #2c2c2c;}
.on-menu header .otherDiv a.tel{color: #2c2c2c;background: url(../img/h-tel_.png) no-repeat left center; }
.on-menu header .otherDiv:before{background: #2c2c2c; }
.on-menu header .mbtn{background: url(../img/menu1.png) no-repeat center center;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;}


/****底部***/
.footerDiv{background: #11387b;padding: 0 4vw; }
.footerDiv .hdDiv{overflow: hidden;padding: 35px 0 20px;border-bottom: 1px solid #1f488f;color: #fff; }
.footerDiv .hdDiv .row{margin: 0 -55px;}
.footerDiv .hdDiv .row>div{padding: 0;}
.footerDiv .hdDiv .row>div .conDiv{position: relative;padding: 0 55px; }
.footerDiv .hdDiv .row>div .conDiv::after{content: "";width: 1px;height: 100%;background: #244e96;position: absolute;right: 0;top: 0; }
.footerDiv .hdDiv .row>div:last-child .conDiv::after{display: none;}
.footerDiv .hdDiv .row>div .conDiv img{margin-right: 26px;}
.footerDiv .hdDiv .row>div .conDiv p{margin-top: 5px;}
.footerDiv .bdDiv{color: #5d7aab;padding: 25px 0;}
.footerDiv .bdDiv .leftDiv i{margin: 0 25px;}
.footerDiv .bdDiv .leftDiv .banquan{margin-top: 15px;}
.footerDiv .bdDiv .leftDiv .banquan a{margin-left: 30px;}
.footerDiv .bdDiv .rightDiv{text-align: center; }
.footerDiv .bdDiv .rightDiv p{margin-right: 20px;}
.footerDiv .bdDiv .rightDiv img{width: 110px;}
.footerDiv .bdDiv a{color: #5d7aab;}
.footerDiv .bdDiv a:hover{color: #fff;}
.footerDiv .bdDiv .beian{text-align: center;font-size: 14px; }



/* .floatRightDiv{position: fixed;right: 30px;top: 50%;transform: translateY(-50%);z-index: 99; }
.floatRightDiv ul li{position: relative;margin: 10px 0;}
.floatRightDiv ul li a{text-align: center;background: #4581d8;display: block;height: 60px;width: 60px;box-shadow: 0px 0px 16px rgba(0,0,0,.1);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.floatRightDiv ul li .backTop{background: #fff;opacity: 0;} */

/********************************* 首页 **********************************/
.main{}

/*banner轮播*/
.index-banner{width: 100%;position:relative;}
.ui-homebanner .swiper-slide{overflow: hidden;}
.ui-homebanner .img{width: 100%;display: block;height: 50vw;background: none no-repeat center;background-size: cover;}
.ui-homebanner .swiper-pagination{bottom: 2vw;}
.ui-homebanner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 5px;opacity:.5;transition: all .8s; }
.ui-homebanner .swiper-pagination-bullet-active{width: 40px;opacity: 1;position: relative;}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}


.f36{font-size: 36px;}
.f28{font-size: 28px;}
.f26{font-size: 26px;}
.f24{font-size: 24px;}
.f18{font-size: 18px;}
.f17{font-size: 17px;}

.left{ float: left; display: inline; }
.right{ float: right; display: inline; }

.indexTitle{position: relative;}
.indexTitle span{position: relative;display: block;color: #2c2c2c; }
.indexTitle p{color: #666666;margin-top: 10px;}
.indexTitle.tc{text-align: center;}
.indexTitle.cfff span{color: #fff;}
.indexTitle.cfff p{color: #fff;opacity: .47;}

.indexDiv1{padding: 55px 0 60px; }
.indexDiv1 .hdDiv{margin: 55px 0 23px;align-items: initial; }
.indexDiv1 .hdDiv .leftDiv{width: 266px;}
.indexDiv1 .hdDiv .leftDiv .hd{background: #0f4399;height: 112px;flex-direction: column;color: #fff; }
.indexDiv1 .hdDiv .leftDiv .hd small{font-size: 14px; }
.indexDiv1 .hdDiv .leftDiv .bd ul li{margin-top: 3px;}
.indexDiv1 .hdDiv .leftDiv .bd ul li>a{display: block;padding: 19px 35px;background: #e4e4e4; }
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub{ background: #e4e4e4; }
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub:hover{ background: #0f4399; color: #fff; }
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub>a{background: url(../img/xsj.png)  no-repeat right 25px center; color: #666;}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub>a:hover{ color: #fff; }
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub.on>a{background: url(../img/xsj_.png) #0f4399 no-repeat right 25px center; }
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub .aDiv{background: #f2f2f2;display: none;}
.indexDiv1 .hdDiv .leftDiv .bd ul li.on .aDiv{display: block; }
.indexDiv1 .hdDiv .leftDiv .bd ul li .aDiv a{color: #666;display: block;padding: 10px 35px;border-top: 1px solid #fff;transition: all .6s; }
.indexDiv1 .hdDiv .leftDiv .bd ul li .aDiv a:hover{padding-left: 50px;color: #fff;background: #0f4399; }
.indexDiv1 .hdDiv .leftDiv .bd ul li.on>a{color: #fff;background: #0f4399; }
.indexDiv1 .hdDiv .rightDiv{width: calc(100% - 298px); }
.indexDiv1 .hdDiv .rightDiv .swiper{height: 657px;padding: 0 1px;}
.indexDiv1 .hdDiv .rightDiv .swiper-slide{height: calc((100% - 30px) / 2);}
.indexDiv1 .hdDiv .rightDiv .swiper-slide a{display: block;border: 1px solid #dfdfdf;height: 100%; }
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px); }
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv .mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.indexDiv1 .hdDiv .rightDiv .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.indexDiv1 .hdDiv .rightDiv .swiper-slide a:hover{border: 1px solid #2c2c2c;}
.indexDiv1 .hdDiv .rightDiv .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.indexDiv1 .bdDiv {position: relative;margin-top: 40px;}
.indexDiv1 .bdDiv .swiper{position: relative;}
.indexDiv1 .bdDiv .conDiv{align-items: initial;}
.indexDiv1 .bdDiv .conDiv .imgDiv{width: 50%;}
.indexDiv1 .bdDiv .conDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.indexDiv1 .bdDiv .conDiv .textDiv{background: url(../img/p-bg.jpg) no-repeat center center/cover;width: 50%;padding: 4% 6% 5% 4%;position: relative; }
.indexDiv1 .bdDiv .conDiv .textDiv .tag{position: absolute;top: 0; right: 22px;width: 45px;height: 56px;background: url(../img/tag.png) no-repeat center top;padding-top: 12px;text-align: center;color: #fff;font-weight: bold;font-size: 15px; }
.indexDiv1 .bdDiv .conDiv .textDiv .titleDiv{border-bottom: 1px solid #c5c5c5;padding-bottom: 15px;position: relative;}
.indexDiv1 .bdDiv .conDiv .textDiv .titleDiv:before{content: "";width: 20%;height: 1px;background: #1a51ae;position: absolute;left: 0;bottom: -1px;}
.indexDiv1 .bdDiv .conDiv .textDiv .p{color: #666666;line-height: 2;margin: 40px 0; }
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a{width: 156px;height: 47px;font-size: 14px; }
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a img{transition: all .6s ease-out;width: 0;zoom: 1; }
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a:nth-child(1){background: #0f4399;color: #fff; }
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a:nth-child(2){background: #e0e0e4;color: #0f4399;margin-left: 23px; }
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a:hover img{width: 20px;margin-left: 25px; }
.indexDiv1 .swiper-pagination{text-align: right;bottom: 8%;padding-right: 2.5%;}
.indexDiv1 .swiper-pagination-bullet {width: 26px;height: 26px;text-align: center;line-height: 26px;font-size: 14px;color: #666666;opacity: 1;background: #fff;}
.indexDiv1 .swiper-pagination-bullet-active {color: #fff;background: #0f4399;}
.indexDiv1 .swiper-button-next, .indexDiv1 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 33px;height: 33px;margin-top: -16.5px;}
.indexDiv1 .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: -60px;background-size: 100% 100%;}
.indexDiv1 .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: -60px;background-size: 100% 100%;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

.indexDiv2{padding: 70px 0 75px;background: url(../img/i-bg1.png) no-repeat center center;background-size: cover;background-attachment: fixed; }
.indexDiv2 .bdDiv{margin-top: 50px; }
.indexDiv2 .bdDiv .row{margin: 0; }
.indexDiv2 .bdDiv .row>div{padding: 0;position: relative; }
.indexDiv2 .bdDiv .row>div a{display: block;padding: 70px 12% 90px;position: relative;/* border-right: 1px solid #c7c7c7; */height: 100%;position: relative; }
.indexDiv2 .bdDiv .row>div a::after{content: "";width: 1px;height: 70%;background: #c7c7c7;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1; }
.indexDiv2 .bdDiv .row>div a:before{content: "";width: 100%;height: 100%;top: 0;left: 0;background: #e4e4e4;z-index: 0;position: absolute;transition: all .5s; }
.indexDiv2 .bdDiv .row>div a:hover:before{height: calc(100% + 36px);top: -18px;background: #e77d15;z-index: 2; }
.indexDiv2 .bdDiv .row>div .textDiv{position: relative;z-index: 2;}
.indexDiv2 .bdDiv .row>div .hImg{display: none; }
.indexDiv2 .bdDiv .row>div a:hover .hImg{display: block; }
.indexDiv2 .bdDiv .row>div a:hover .dImg{display: none; }
.indexDiv2 .bdDiv .row>div:last-child a{border-right: 0; } 
.indexDiv2 .bdDiv .row>div span{color: #2c2c2c;display: block;margin-top: 30px; }
.indexDiv2 .bdDiv .row>div .line{width: 20%;height: 1px;background: #6f6f6f;margin: 25px 0; }
.indexDiv2 .bdDiv .row>div p{color: #666666; }
.indexDiv2 .bdDiv .row>div .moreBtn{display: block;width: 120px;line-height: 36px;border: 1px solid #ffffff;color: #ffffff;opacity: .59;text-align: center;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);opacity: 0;z-index: 2;}
.indexDiv2 .bdDiv .row>div a:hover span,.indexDiv2 .bdDiv .row>div a:hover p,.indexDiv2 .bdDiv .row>div a:hover .moreBtn{color: #fff;}
.indexDiv2 .bdDiv .row>div a:hover .moreBtn{opacity: .59;}
.indexDiv2 .bdDiv .row>div a:hover .line{background: #fff;}


.indexDiv3{padding: 60px 0 50px; }
.indexDiv3 .swiper{margin-top: 55px;padding-bottom: 40px;}
.indexDiv3 .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px;}
.indexDiv3 .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px;}
.indexDiv3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.indexDiv3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.indexDiv3 .swiper{height: 657px;}
.indexDiv3 .swiper-slide{height: calc((100% - 30px) / 2);}
.indexDiv3 .swiper-slide a{display: block;height: 100%; }
.indexDiv3 .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; }
.indexDiv3 .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden; }
.indexDiv3 .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.indexDiv3 .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.indexDiv3 .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.indexDiv3 .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c;}
.indexDiv3 .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.indexDiv3 .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c;}

.indexDiv4{background: url(../img/i-bg2.png) no-repeat center center/cover;color: #fff;padding: 50px 0; }
.indexDiv4 .leftDiv{width: calc(100% - 300px);max-width: 1081px; }
.indexDiv4 .leftDiv img:nth-child(1){width: 20.4%;}
.indexDiv4 .leftDiv img:nth-child(2){width: 77.1%;margin-left: 2%;}
.indexDiv4 .rightDiv{text-align: right; }
.indexDiv4 .rightDiv .tel{font-size: 15px;}
.indexDiv4 .rightDiv .tel span{font-size: 25px;font-weight: bold;}
.indexDiv4 .rightDiv a{width: 155px;line-height: 43px;background: #e77d15;color: #fff;font-size: 18px;display: inline-block;text-align: center;margin: 15px 30px 0 0; }

.indexDiv5{padding: 50px 0 60px;}
.indexDiv5 .bdDiv{margin-top: 40px;align-items: initial; }
.indexDiv5 .bdDiv .leftDiv{width: 50.7%;position: relative;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.indexDiv5 .leftDiv .smallDiv{width: 194px;position: relative;}
.indexDiv5 .swiper {width: 100%;height: 100%;margin-left: 0;margin-right: auto;}
.indexDiv5 .gallery-top {height: 100%;width: calc(100% - 197px);}
.indexDiv5 .gallery-top .swiper-slide{display: flex;justify-content: center;align-items: center;height: 100%;}
.indexDiv5 .gallery-top .swiper-slide .imgDiv{display: flex;justify-content: center;align-items: center;height: 375px;}
.indexDiv5 .gallery-top .swiper-slide img{height: 100%;width: 100%;object-fit: cover;}
.indexDiv5 .gallery-thumbs {height: 375px;box-sizing: border-box;}
.indexDiv5 .gallery-thumbs .swiper-slide .imgDiv{height: 123px;display: flex;justify-content: center;align-items: center;}
.indexDiv5 .gallery-thumbs .swiper-slide img{height: 100%;width: 100%;object-fit: cover;}
.indexDiv5 .gallery-thumbs .swiper-slide-thumb-active {border-color: #0052d9;}

.indexDiv5 .bdDiv .rightDiv{width: 47.93%;background: #313131;padding: 70px 3.6%;color: #fff; }
.indexDiv5 .bdDiv .rightDiv .p{line-height: 2.625;color: #e8e8e8;margin-bottom: 35px; }
.indexDiv5 .bdDiv .rightDiv .moreBtn{color: #b9b9b9; }
.indexDiv5 .bdDiv .rightDiv .moreBtn a{color: #b9b9b9;}
.indexDiv5 .bdDiv .rightDiv .moreBtn i{margin: 0 30px;}
.indexDiv5 .bdDiv .rightDiv .moreBtn a img{margin-right: 17px;}
.indexDiv5 .bdDiv .rightDiv .moreBtn a:last-child img{margin-left: 13px;transition: all .5s;}
.indexDiv5 .bdDiv .rightDiv .moreBtn a:last-child:hover img{transform: translateX(5px);}
.indexDiv5 .bdDiv .rightDiv .moreBtn a:hover{color: #fff;}

.indexDiv6{padding-bottom: 40px; }
.indexDiv6 .bdDiv{margin: 45px 0; }
.indexDiv6 .bdDiv .row>div.col-sm-3{flex: 0 0 27.5%;max-width: 27.5%; }
.indexDiv6 .bdDiv .row>div.col-sm-6{flex: 0 0 45%;max-width: 45%; }
.indexDiv6 .bdDiv .row>div .imgDiv{position: relative;padding-top: 63.91%; }
.indexDiv6 .bdDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.indexDiv6 .bdDiv .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv6 .bdDiv .row>div .conDiv{display: block;height: 100%;}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv{padding: 20px;}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv .title{color: #2c2c2c;}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv .date{color: #9e9e9e;font-size: 14px;margin: 15px 0; }
.indexDiv6 .bdDiv .row>div a.conDiv{background: transparent;padding: 0;}
.indexDiv6 .bdDiv .row>div a.conDiv:hover{background: #0f4399;}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv .p{color: #888;line-height: 1.5;}
.indexDiv6 .bdDiv .row>div a.conDiv:hover .textDiv .title{color: #fff;}
.indexDiv6 .bdDiv .row>div a.conDiv:hover .textDiv .date{color: #92aedd;}
.indexDiv6 .bdDiv .row>div a.conDiv:hover .textDiv .p{color: #92aedd;}
.indexDiv6 .bdDiv .row>div .conDiv{background: #f6f6f6;padding: 0 9%;}
.indexDiv6 .bdDiv .row>div .conDiv a{display: block;padding: 40px 0;border-bottom: 1px solid #e2e2e2;position: relative;}
.indexDiv6 .bdDiv .row>div .conDiv a:before{content: "";width: 0;height: 1px;background: #2c2c2c;position: absolute;left: 0;top: 0; }
.indexDiv6 .bdDiv .row>div .conDiv a:after{content: "";width: 0;height: 1px;background: #2c2c2c;position: absolute;left: 0;bottom: 0; }
.indexDiv6 .bdDiv .row>div .conDiv a:last-child{border-bottom: 0;}
.indexDiv6 .bdDiv .row>div .conDiv a .textDiv{padding: 0;}
.indexDiv6 .bdDiv .row>div .conDiv a:hover:before{width: 100%;transition: all .6s;}
.indexDiv6 .bdDiv .row>div .conDiv a:hover:after{width: 100%;transition: all .6s;}
.indexDiv6 .bdDiv .row>div .conDiv a:hover .textDiv .title{color: #0f4399;}
.indexDiv6 .moreBtn{width: 178px;height: 47px;border: 1px solid #aaa;color: #b9b9b9;margin: 0 auto; }
.indexDiv6 .moreBtn img{margin-left: 10px;}
.indexDiv6 .moreBtn:hover{background: #0f4399;color: #fff;}


/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/


.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
.menu>ul>li.has-sub>a{padding-right:0}
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.indexHeader .menu>ul>li.has-sub>a::after{border-color: #fff;}
.on-fixed  .indexHeader .menu>ul>li.has-sub>a::after{border-color: #333;}
.menu>ul>li.has-sub:hover>a::after{border-color:#f80e02!important;}
.menu>ul>li.has-sub.on>a::after{border-color:#f80e02;}*/
.menu ul ul{position:absolute;left:-9999px;text-align: center;width: 100%;}
.menu li:hover>ul{left:0;}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top:10px;}
.menu ul ul li:hover>ul{left: auto;margin-left: 0;}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;margin-right: 60px;}
.menu ul ul{background: #fff;}
.menu ul ul li a .iconDiv{margin-bottom: 30px;}
.menu ul ul li>a{font-size: 16px;color:#fff;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
.menu ul ul li .alist a{display: block;font-size: 16px;color: #666666;margin-top: 15px;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
.menu ul ul li>a:hover,.menu ul ul li a:hover{opacity: .8;}
header .rightDiv .menu>ul>li{position: relative;}
header .rightDiv .menu>ul>li ul{min-width: 160px;}
header .rightDiv .menu>ul>li:hover ul{margin-left: 50%;transform: translateX(-50%);}
header .rightDiv .menu>ul>li li{display: block;float: initial;width: 100%;}
header .rightDiv .menu>ul>li li a{font-size: 14px;color: #666666;margin: 0;line-height: 44px;font-weight: normal;text-align: left;text-transform: capitalize;border-bottom: 1px solid #e6e6e6;text-align: center; }
header .rightDiv .menu>ul>li li a:hover{color: #4581d8;}
.menu ul .default ul{padding: 0;}


/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/

@media (max-width:1420px) {
	header .wrap{padding: 0 20px;}
	.f36{font-size: 30px;}
	.f28{font-size: 24px;}
	.f26{font-size: 22px;}
	.f24{font-size: 20px;}
	.f18{font-size: 17px;}
	.f17{font-size: 16px;}
	.indexDiv1 .swiper-pagination{bottom: 10px;}
	.indexDiv6 .bdDiv .row>div .conDiv a{padding: 30px 0;}
}
@media (max-width:1220px) {
	.wrap{padding: 0 15px;}
	header .logo a{width: 170px;}
	header .rightDiv .menu>ul>li{margin-right: 2vw;font-size: 15px; }
	header .otherDiv a.tel{font-size: 18px;}
	.f36{font-size: 28px;}
	.f28{font-size: 22px;}
	.f26{font-size: 20px;}
	.f24{font-size: 18px;}
	.f18{font-size: 16px;}
	.f17{font-size: 15px;}
	.indexDiv4 .rightDiv .tel span{font-size: 20px;}
	.indexDiv5 .bdDiv .rightDiv .moreBtn i{margin: 0 10px;}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a img{margin-right: 8px;}
	.indexDiv6 .bdDiv .row>div .conDiv a{padding: 20px 0;}
	.indexDiv4 .rightDiv a{width: 120px;line-height: 36px;font-size: 14px;}
	.footerDiv .bdDiv{font-size: 14px;}
	.footerDiv .bdDiv .leftDiv i{margin: 0 10px;}
	.footerDiv .hdDiv .row{margin: 0 -25px;}
	.footerDiv .hdDiv .row>div .conDiv{padding: 0 25px;}
	.footerDiv .hdDiv .row>div .conDiv img{margin-right: 15px;}
	
}
@media (max-width:1100px) {
	
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none} 
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;color: #fff;border-bottom: 0;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
/*	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}*/
	
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
		
	}
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 50%;}
	/*body.on-menu header {right: 45%;}*/
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	body.on-menu header{background: #fff;}
	body.on-menu.on-fixed header {
	    background: #fff;
	}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background: #fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	.on-fixed header .rightDiv .menu{
		background: #fff;
	}
	body.on-menu.on-fixed .rightDiv .menu {
	    background: #fff;
	}
	header .rightDiv .menu ul{float: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header .rightDiv .menu>ul>li>a small{display: none;}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{display: none;}
	header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;}
	.menu ul ul{box-shadow: none;}
	.menu ul ul li a .iconDiv{display: none;}
	.menu ul ul li>a{margin-bottom: 0;}
	.menu ul ul li .alist a{margin: 0;}
	.main {position: relative;right: 0;transition: right 300ms !important;}
	header .wrap{height: 50px;}
	header .otherDiv{margin-right: 40px;height: 50px; }
	header .otherDiv:before{display: none;}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a{font-size: 14px;}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a:last-child img{margin-left: 5px;margin-right: 0; }
	.indexDiv2 .bdDiv .row>div a{padding: 30px 12% 50px;}
	.indexDiv2 .bdDiv .row>div p{font-size: 14px;}
	.indexDiv2 .bdDiv .row>div .moreBtn{bottom: 0px;width: 100px;line-height: 30px;font-size: 14px;}
	
	.f36{font-size: 24px;}
	.f28{font-size: 20px;}
	.f26{font-size: 18px;}
	.f24{font-size: 16px;}
	.f18{font-size: 15px;}
	.f17{font-size: 14px;}
	.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a{width: 120px;height: 34px;}
	.indexDiv1 .bdDiv .conDiv .textDiv .p{margin: 20px 0;}
	.indexDiv4 .rightDiv .tel span{font-size: 20px;}
	.indexDiv5 .gallery-top{width: 100%;}
	.indexDiv5 .leftDiv .smallDiv{display: none;}
	.indexDiv5 .bdDiv .rightDiv{padding: 40px 3%;}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a:not(:last-child) img{display: none;}
	.indexDiv5 .gallery-top .swiper-slide .imgDiv{height: 320px;}
	
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	
	.quickMenuDiv{position: fixed;bottom: 0;left: 0;width: 100%;background: #0f4399;text-align: center; z-index: 999; }
	.quickMenuDiv ul li{width: 25%;}
	.quickMenuDiv ul li a{height: 60px;color: #fff;flex-direction: column; }
	.quickMenuDiv ul li a img{height: 18px;margin-bottom: 3px;}
	
	
	header{background: #fff;}
	header .logo img.dImg{display: none;}
	header .logo img.hImg{display: block;}
	header .rightDiv .menu>ul>li>a{color: #2c2c2c;}
	header .otherDiv a.tel{color: #2c2c2c;background: url(../img/h-tel_.png) no-repeat left center; }
	header .otherDiv:before{background: #2c2c2c; }
	header .mbtn{background: url(../img/menu1.png) no-repeat center center;}
	body.on-menu.on-fixed header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;}
	
	body{font-size: 14px;}
	.wrap{padding: 0 15px;width: 100%;}
	header .wrap{padding: 0 15px;width: 100%;}
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	
	.floatRightDiv{right: 0;}
	.floatRightDiv ul li a{width: 40px;height: 40px;}
	.floatRightDiv ul li a img{max-width: 50%;}
	
	/* header{background: #;} */
	header .otherDiv{margin-right: 30px;}
	header .otherDiv a.tel{padding-left: 25px;}
	header .logo a img{ margin-top: 5px; }
	.ui-homebanner .img{height: 60vw;}
	.ui-homebanner .textDiv span{font-size: 20px;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px;}
	.ui-homebanner .swiper-pagination-bullet{width:8px;height: 8px;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
	.main{margin-top: 25px;}
	.navDiv ul{flex-wrap: wrap;background: #0f4399; margin-top: 55px;}
	.navDiv ul li{width: 33.3%;text-align: center;}
	.navDiv ul li a{line-height: 40px;color: #fff;}
	
	.indexTitle p{margin-top: 5px;}
	.indexDiv1{padding: 0px 0; }
	.indexDiv1 .hdDiv{margin-top: 30px;display: block;}
	.indexDiv1 .hdDiv .leftDiv{width: 100%;}
	.indexDiv1 .hdDiv .leftDiv .hd{height: 60px;}
	.indexDiv1 .hdDiv .leftDiv .hd small{font-size: 12px;}
	.indexDiv1 .hdDiv .leftDiv .bd ul li>a{padding: 10px 20px;}
	.indexDiv1 .hdDiv .rightDiv{width: 100%;margin-top: 30px; }
	.indexDiv1 .hdDiv .rightDiv .swiper{height: 230px;}
	.indexDiv1 .hdDiv .rightDiv .swiper-slide .textDiv{height: 45px;padding: 0 15px;}
	.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv{height: calc(100% - 45px);}
	.indexDiv1 .hdDiv .rightDiv .swiper-slide{height: 100%;}
	.indexDiv1 .bdDiv .conDiv{display: block;}
	.indexDiv1 .bdDiv .conDiv .imgDiv{width: 100%;}
	.indexDiv1 .bdDiv .conDiv .textDiv{width: 100%;}
	.indexDiv1 .swiper-button-next, .indexDiv1 .swiper-button-prev{display: none;}
	.indexDiv1 .bdDiv .swiper{padding-bottom: 50px;}
	.indexDiv1 .swiper-pagination{bottom: 0;text-align: center;}
	
	.indexDiv2{padding: 50px 0;}
	.indexDiv2 .bdDiv{margin-top: 30px;}
	.indexDiv2 .bdDiv .row>div a{padding: 20px 10px 40px 15px;}
	.indexDiv2 .bdDiv .row>div img{width: 32px;}
	.indexDiv2 .bdDiv .row>div span{margin-top: 15px;font-size: 16px; }
	.indexDiv2 .bdDiv .row>div .line{margin: 10px 0;}
	.indexDiv2 .bdDiv .row>div .moreBtn{width: 80px; line-height: 24px; font-size: 12px;}
	
	.indexDiv3{padding: 50px 0;}
	.indexDiv3 .swiper{margin-top: 30px;height: 600px;padding-bottom: 30px; }
	.indexDiv3 .swiper-slide { height: calc((100% - 10px) / 2);}
	
	.indexDiv4{padding: 30px 0;}
	.indexDiv4 .bdDiv{display: block;}
	.indexDiv4 .leftDiv{width: 100%;display: block;text-align: center;}
	.indexDiv4 .leftDiv img:nth-child(1){width: 30%;}
	.indexDiv4 .leftDiv img:nth-child(2){width: 100%;margin-top: 10px;}
	.indexDiv4 .rightDiv{text-align: center;margin-top: 10px; }
	.indexDiv5 .bdDiv{display: block;margin-top: 20px;}
	.indexDiv5 .bdDiv .leftDiv{width: 100%;}
	.indexDiv5 .gallery-top{width: 100%;}
	.indexDiv5 .bdDiv .leftDiv{display: block;}
	.indexDiv5 .gallery-top .swiper-slide .imgDiv{height: 70vw;}
	.indexDiv5 .bdDiv .rightDiv{width: 100%;padding: 40px 20px;}
	.indexDiv5 .bdDiv .rightDiv .p{line-height: 2;margin-bottom: 20px; }
	.indexDiv5 .bdDiv .rightDiv .moreBtn a img{max-height: 20px;max-width: 20px;}
	.indexDiv6 .bdDiv .row>div.col-sm-3,.indexDiv6 .bdDiv .row>div.col-sm-6{flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
	.indexDiv6 .bdDiv .row>div .conDiv .textDiv .title{font-size: 16px;}
	.indexDiv6 .bdDiv .row>div .conDiv .textDiv .date{margin: 10px 0;}
	.indexDiv6 .bdDiv{margin: 25px 0 0;}
	.indexDiv6 .moreBtn{width: 120px;height: 35px;}
	
	.footerDiv {padding-bottom: 60px;}
	.footerDiv .hdDiv{padding: 20px 0;}
	.footerDiv .hdDiv .wrap{display: block;}
	.footerDiv .hdDiv .row>div .conDiv img{height: 20px;}
	.footerDiv .hdDiv .row>div{margin: 10px 0;}
	.footerDiv .bdDiv .flexbet{display: block; }
	.footerDiv .bdDiv .rightDiv{justify-content: center;margin: 20px 0;}
	
	
	
	@media (max-width:320px) {
		
		
		
	}
}

.page_bg{background: #f4f4f4; }
.page_bread{ width: 1400px; margin: auto; height: 60px; line-height: 60px; background: url(../img/weizhi.png) no-repeat #f4f4f4; padding-left: 30px; color: #666666; font-size: 14px; }
.page_bread a{ color: #666666; font-size: 14px; }
.page_bread a:hover{ color: var(--base_color); text-decoration: underline; }

.left_tel{ width: 100%; min-height: 200px; background:  url(../img/left_tel.png) #e77d15 no-repeat; margin-top: 30px; color: #fff; }
.left_tel_wenzi{ text-align: center; font-size: 18px; font-weight: bold; padding-top: 25px; }
.left_tel_tel{ padding-left: 80px; margin-top: 10px; font-size: 22px; font-weight: bold; line-height: 30px; }
.left_tel_address{ padding-left: 20px; padding-right: 20px; font-size: 14px; color: #f4caa2; margin-top: 10px; }

.rightPic .hdDiv .rightDiv{ }
.rightPic .hdDiv .rightDiv .swiper{height: 657px;padding: 0 1px;}
.rightPic .hdDiv .rightDiv .swiper-slide{height: calc((100% - 30px) / 2);}
.rightPic .hdDiv .rightDiv a{display: block;border: 1px solid #dfdfdf;height: 100%; }
.rightPic .hdDiv .rightDiv .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px); }
.rightPic .hdDiv .rightDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.rightPic .hdDiv .rightDiv .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.rightPic .hdDiv .rightDiv .imgDiv .mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.rightPic .hdDiv .rightDiv .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.rightPic .hdDiv .rightDiv .swiper-slide a:hover{border: 1px solid #2c2c2c;}
.rightPic .hdDiv .rightDiv a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.rightPic .bdDiv {position: relative;margin-top: 40px;}
.rightPic .bdDiv .swiper{position: relative;}
.rightPic .bdDiv .conDiv{align-items: initial;}
.rightPic .bdDiv .conDiv .imgDiv{width: 50%;}
.rightPic .bdDiv .conDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.rightPic .bdDiv .conDiv .textDiv{background: url(../img/p-bg.jpg) no-repeat center center/cover;width: 50%;padding: 4% 6% 5% 4%;position: relative; }
.rightPic .bdDiv .conDiv .textDiv .tag{position: absolute;top: 0; right: 22px;width: 45px;height: 56px;background: url(../img/tag.png) no-repeat center top;padding-top: 12px;text-align: center;color: #fff;font-weight: bold;font-size: 15px; }
.rightPic .bdDiv .conDiv .textDiv .titleDiv{border-bottom: 1px solid #c5c5c5;padding-bottom: 15px;position: relative;}
.rightPic .bdDiv .conDiv .textDiv .titleDiv:before{content: "";width: 20%;height: 1px;background: #1a51ae;position: absolute;left: 0;bottom: -1px;}
.rightPic .bdDiv .conDiv .textDiv .p{color: #666666;line-height: 2;margin: 40px 0; }
.rightPic .bdDiv .conDiv .textDiv .btnDiv a{width: 156px;height: 47px;font-size: 14px; }
.rightPic .bdDiv .conDiv .textDiv .btnDiv a img{transition: all .6s ease-out;width: 0;zoom: 1; }
.rightPic .bdDiv .conDiv .textDiv .btnDiv a:nth-child(1){background: #0f4399;color: #fff; }
.rightPic .bdDiv .conDiv .textDiv .btnDiv a:nth-child(2){background: #e0e0e4;color: #0f4399;margin-left: 23px; }
.rightPic .bdDiv .conDiv .textDiv .btnDiv a:hover img{width: 20px;margin-left: 25px; }
.rightPic .swiper-pagination{text-align: right;bottom: 8%;padding-right: 2.5%;}
.rightPic .swiper-pagination-bullet {width: 26px;height: 26px;text-align: center;line-height: 26px;font-size: 14px;color: #666666;opacity: 1;background: #fff;}
.rightPic .swiper-pagination-bullet-active {color: #fff;background: #0f4399;}
.rightPic .swiper-button-next, .rightPic .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 33px;height: 33px;margin-top: -16.5px;}
.rightPic .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: -60px;background-size: 100% 100%;}
.rightPic .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: -60px;background-size: 100% 100%;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

.mark_pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.mark_pic: hover;{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}

.about_menu{ width: 900px; margin: auto; }
.about_menu li{ width: 20%; height: 56px; line-height: 56px; text-align: center; background: #e4e4e4; color: #666666; float: left; margin-right: 2%; margin-left: 3%; }
.about_menu li:hover{background: #0f4399; color: #fff; transition: 0.5s; }
.ziye_title{ width: 100%; border-bottom: 1px solid #dcdcdc; height: 62px; line-height: 62px; position: relative; }
.ziye_title_rt{ width: 6px; height: 20px; background: var(--base_color); position: absolute; top: 22px; }
.ziye_title_nav{ text-align: left; padding-left: 20px; font-size: 24px; border-bottom: 1px solid var(--base_color); width: 130px; position: absolute; top: -1px; }
.main_info{ padding-top: 20px; line-height: 3; font-size: 16px; }
.ziye_title_weizhi{ position: absolute; top: 10px; font-size: 16px; color: #b9b9b9; right: 0px;}
.ziye_title_weizhi a{ color: #b9b9b9;}
.ziye_title_weizhi a:hover{ color: var(--base_color); text-decoration: underline;}
.ziye_title_fubiaoti{ font-size: 14px; color: #bbbbbb; position: absolute; top: 1px; left: 140px; }

/*about*/
.ziyeCase{padding: 60px 0 50px; }
.ziyeCase .swiper{padding-bottom: 40px;}
.ziyeCase .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px;}
.ziyeCase .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px;}
.ziyeCase .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.ziyeCase .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.ziyeCase .swiper{height: auto;}
.ziyeCase .swiper-slide{height: calc((100% - 0px) / 1);}
.ziyeCase .swiper-slide a{display: block;height: 100%; }
.ziyeCase .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; box-sizing: border-box }
.ziyeCase .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden; }
.ziyeCase .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.ziyeCase .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.ziyeCase .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.ziyeCase .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c; box-sizing: border-box;}
.ziyeCase .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.ziyeCase .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c;}

.changqvPic{padding: 50px 0 50px; }
.changqvPic .wrap{ width: 99%; }
.changqvPic .swiper{padding-bottom: 40px;}
.changqvPic .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px;}
.changqvPic .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px;}
.changqvPic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.changqvPic .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.changqvPic .swiper{height: 377px;}
.changqvPic .swiper-slide{height: calc((100% - 0px) / 1);}
.changqvPic .swiper-slide a{display: block;height: 100%; }
.changqvPic .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; box-sizing: border-box }
.changqvPic .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden; }
.changqvPic .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.changqvPic .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.changqvPic .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.changqvPic .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c; box-sizing: border-box;}
.changqvPic .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.changqvPic .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c;}

#page_right{ width: 900px; }
.picList{padding: 60px 0 50px; }
.picList .swiper{padding-bottom: 40px;}
.picList .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px;}
.picList .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px;}
.picList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.picList .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.picList .swiper{height: 377px;}
.picList .swiper-slide{height: calc((100% - 0px) / 1);}
.picList .swiper-slide a{display: block;height: 100%; }
.picList .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; }
.picList .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden; }
.picList .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.picList .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.picList .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.picList .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c;}
.picList .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.picList .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c;}

.proCase{padding: 60px 0 50px; }
.proCase .swiper{padding-bottom: 40px;}
.proCase .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px;}
.proCase .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px;}
.proCase .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.proCase .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.proCase .swiper{height: 377px;}
.proCase .swiper-slide{height: calc((100% - 0px) / 1);}
.proCase .swiper-slide a{display: block;height: 100%; }
.proCase .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; }
.proCase .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden; }
.proCase .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%; }
.proCase .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0; }
.proCase .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c; }
.proCase .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c;}
.proCase .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.proCase .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c;}

.ziye_link{ line-height: 34px; margin-top: 20px; font-size: 17px; }
.ziye_link a{ color: #888888; font-size: 16px; }
.ziye_link a:hover{ color: var(--base_color); text-decoration: underline; }

#tpl_news li{ border-bottom: 1px solid #e4e4e4; padding: 30px; line-height: 32px; position: relative; }
#tpl_news li:hover{ background: var(--base_color); color: #fff; transition: 0.5s; }
.news_title{ font-size: 18px; }
.news_content{ font-size: 16px; opacity: 0.7; margin-top: 10px; margin-bottom: 15px; }
.news_button{ width: 170px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; border: 1px solid #e4e4e4; }
.news_time{ position: absolute; top: 30px; right: 37px; opacity: 0.7; }

/*联系我们	*/
.contact_nav li img{ margin-bottom: 20px; }
.contact_nav li{ float: left; display: inline; text-align: center; width: 23%; margin-left: 1%; margin-right: 1%; border: 1px solid #ebebeb; line-height: 32px; padding-top:40px; padding-bottom: 40px; }

.pro_case_title{ color: #2c2c2c; font-size: 36px; text-align: center; margin-top: 60px; margin-bottom: -30px; line-height: 40px; }
.pro_case_title span{ color: #666666; font-size: 16px; }

.clear{ clear: both; }
.t_c{text-align: center;}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    width: 32px;
    margin: 2px;
    padding: 0 2px;
    height: 32px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}

.goods02 {padding:0 0 10px;background: #fff;}
.goods02 h3 {margin-top:15px;margin-bottom: 10px;font-size:24px;line-height: 32px;}
.goods02-main-img {border:1px solid #eee;overflow:hidden; height: 400px; line-height: 400px; text-align: center;}
.goods02-imgmore {margin-top:10px;padding: 0 50px;}
.goods02-imgmore-slide {border:1px solid #f5f5f5;overflow:hidden;cursor:pointer;}
.goods02-imgmore-slide img,.goods02-main-img img {max-height:100%;max-width:100%;width:unset;}
.goods02-imgmore-slide.active {border:1px solid #007ac4;}
.goods02-right .goods02-options {padding:15px 0;background:url(../img/pro_info.png) #edeef0; height: 120px; margin-top: 20px;}
.goods02-right .goods02-options dl {display:flex;flex-flow: row wrap;}
.goods02-right .goods02-options dl dt {flex:1;flex-basis:27%;color:#909090;margin-bottom:10px;padding-left:6%;font-weight:normal;}
.goods02-right .goods02-options dl dd {flex:1;flex-basis:72%;padding-left:10px;color:#4e4e4e;line-height: 1.5;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow: ellipsis;}
.goods02-right .last-dt,.goods02-right .last-dd {border-top:1px solid #eee;line-height: 20px;padding-top:10px;}
.goods02-right .goods02-submit {margin-top:10px;padding:10px 0;}
.goods02-right .goods02-submit div a:hover { background: #e77d15; color: #fff;}
.goods02-right .goods02-submit div {flex:1;}
.goods02-right .goods02-submit div a {background:var(--base_color);color:#fff;width:180px;margin:0 5px;line-height: 34px;text-align:center;display:block;line-height: 50px;font-size:16px; width: 200px; height: 50px;}
.goods02-right .goods02-submit div:nth-child(1) {padding-right:0px;}
.goods02-right .goods02-submit div:nth-child(2) {line-height: 17px;color:#797979;margin-top:15px;}
.goods02-right .goods02-submit div b {font-size:16px;display:block;color:#f00;}
.goods02-slide-title {color:#999;position:relative;padding-left:10px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods02-slide-title:after {content:'';background:#007ac4;position:absolute;left:0;top:50%;transform:translateY(-50%);height:15px;width:3px;}
.goods02-prev.swiper-button-prev {font-size:0;background:url(../img/r.png) no-repeat center;}
.goods02-next.swiper-button-next {font-size:0;background:url(../img/l.png) no-repeat center;}
.goods02-prev.swiper-button-prev:after,.goods02-next.swiper-button-next:after {font-size:0;}
.goods02-next.swiper-button-next.swiper-button-disabled, .goods02-prev.swiper-button-prev.swiper-button-disabled {display:block;}
.shuiyin {font-size: 18px;line-height: 40px;color: #fff;left: 0;top: 0;right:0;bottom:0;opacity: 0.5;position: absolute;z-index: 999;display:flex;align-items:center;justify-content: center;text-align: center;}
.right_1{ width: 64px; height: 30px; background: #007ac4; color: #fff; text-align: center; float: left; }
.right_2{ float: left; margin-left: 20px; }
.goods02-right .goods02-options li { font-size: 14px; margin-bottom: 10px; }
.goods02-contact{ border: 1px solid #c7c7c7; margin-top: 30px; }
.goods02-contact li{ float: left; height: 100px; padding-left: 90px; padding-top: 20px; color: #000; }
.pro_link{ background: url(../img/pro_link.png) no-repeat center left; border-right: 1px solid #c7c7c7; width: 50%; }
.pro_mobile{ background: url(../img/pro_tel.png) no-repeat center left; }
.goods02-contact li b{ color: #888888; }
.goods02-right{ background: #f2f2f2; padding: 40px; }
.goods02_type{ width: 180px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #dddddd; background: #fff; margin-top: 20px; }
.goods02_content{font-size: 16px; line-height: 32px; color: #888888; margin-top: 20px;}
.goods02_tel{ color: #2c2c2c; font-size: 16px; font-weight: bold; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; }
.goods02_tel span{ color: #0f4399; font-size: 22px; font-size: 22px;}
.goods02_fuwu{ color: #2c2c2c; font-size: 16px; font-weight: bold; margin-top: 20px; color: #2c2c2c; height: 30px; line-height: 30px;}
.goods02_fuwu li{ width: 18%; margin-right: 2%; font-weight: normal; background: #e77d15; float: left; text-align: center; color: #fff; }
.pro_content{ padding-left: 20px; }
.pro_youshi li{ height: 150px; width: 48%; margin-left: 1%; margin-right: 1%; border: 1px solid #dddddd; position: relative; margin-top: 20px; }
.pro_youshi_tt{ background: var(--base_color); height: 150px; width: 41%; color: #fff; font-size: 26px; padding-left: 80px; padding-top: 30px;  }
.pro_youshi_tt span img{ position: absolute; top: 50px; left: 20px; }
.pro_youshi_nav{ width: 59%; font-size: 16px; line-height: 32px; padding: 30px 20px 30px 20px; }

.contact-list{ margin-top: 60px;}
.contact-list_fbt{ font-size: 16px; color: #2c2c2c; margin-top: 30px; margin-bottom: 30px; }

.indexDiv6 {
	background-size: cover;
}

.indexDiv6 .content {
	display: flex;
	justify-content: space-between;
}

.indexDiv6 .content .frDiv {
	width: 55%;
}

.indexDiv6 .content .frDiv .textDiv {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.indexDiv6 .content .frDiv .Inp {
	width: 49%;
	height: 100%;
	background: #fff;
}

.indexDiv6 .content .frDiv input {
	width: 100%;
	height: 100%;
	padding: 0 16px;
	border: 0;
	height: 57px;
	background: #f0f0f0;
}

.indexDiv6 .content .frDiv ul li span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	color: #888;
}

.indexDiv6 .content .frDiv ul li textarea {
	height: 167px;
	background-color: #f0f0f0;
	resize: none;
	padding: 15px 20px;
	width: 100%;
	border: 0;
}

.indexDiv6 .content .frDiv ul li {
	margin-bottom: 7px;
}

.indexDiv6 .content .frDiv button {
	width: 232px;
	height: 57px;
	background: var(--base_color);
	background-size: 0 100%;
	color: #fff;
	margin-top: 3px;
	border: 0;
	outline: none;
	cursor: hand;
	
}
.indexDiv6 .content .frDiv button:hover{
	background-color: #e77d15;
	transition: 0.5s;
	cursor: pointer;
	color: #fff;
}
#verifyImg{ height: 58px; position: absolute; left: 234px; }
#captcha{ width: 234px; }
#product{ padding-top: -3rem; }
.video_box{ height: 700px;}
/*手机屏幕下的专用样式*/
@media screen and (max-width:992px) {
	.dv-1-hd{display: none;}
	#page_banner{ margin-top: 3px; display: none; }
	.de-page-mian .page-inner a.page-btn {
	    display: none;
	}
	.de-page-mian .page-inner span {
	    display: none; color: #f00;
	}
	.de-page-mian .page-inner input {
	    display: none;
	}
	.indexDiv3::before{ background: #fff; }
	/*.layui-layer{ width: 96%; }*/
	#order_pro_nav{ width: 300px; }
	#layui-layer1{ width: 95%; }
	.in_pro_img{ height: 200px; }
	.indexDiv3 .wenzi ul li{ margin-right: 40px; }
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 23%; left: 50px; font-size: 28px; font-weight: bold;}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 53%; left: 50px; font-size: 16px; }
	.page_bread{ margin-left: 20px;}
	.about_menu{ width: 100%; margin: auto; margin-top: -30px; }
	.contact_nav li{ width: 46%; margin-left: 2%; margin-right: 2%; height: 240px; margin-bottom: 30px; }
	#verifyImg{ height: 60px; position: absolute;  left: 160px; }
	#captcha{ width: 300px; }
	.about_menu li{ width: 28%; }
	.indexDiv2 .textDiv{ text-align: center; }
	.goods02-main-img{ height: 260px; line-height: 260px; text-align: center; }
	.goods02-imgmore{ margin-bottom: 20px; }
	#verifyImg{ left: 110px; }
	.goods02-right .goods02-submit { margin-left: auto;  margin-right: auto;}
	.main_info{ line-height: 2; font-size: 16px; }
	.contact-list{ margin-top: 0px; }
	.contact_nav li{ word-break: break-all; }
	#tpl_news li{ padding-left: 10px; padding-right: 10px; }
	.ziyeCase{ height: 180px; }
	.ziyeCase .swiper-slide .imgDiv{ height: 120px; }
	.ziyeCase{ height: 170px; }
	.changqvPic .swiper-slide .imgDiv{ height: 120px; }
	.changqvPic .swiper{ height: 180px; }
	.changqvPic{ padding: 30px 0 20px; }
	.slider_type{ margin-top: 30px; }
	.ziyeCase .swiper{ height: 160px;}
	.ziye_title{ margin-top: 20px; }
	.ziye_title_weizhi{ left: auto; top: 3px; right: 0px; }
	#product{ margin-top: -3rem; }
	#proinfo{ margin-top: -1rem; }
}
/*平板屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:992px) {
	.dv-2-hd{display: none;}
	.inbanner_nav{ width: 1400px; margin: auto; position: relative; }
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 100px; left: 50px; font-size: 60px; font-weight: bold;}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 200px; left: 50px; font-size: 25px; }
	.ziyeCase{ height: 300px; }
	.ziyeCase .swiper-slide .imgDiv{ height: 220px; }
}
/*平板横屏下的专用样式*/
@media screen and (min-width:993px)and (max-width:1200px) {
	.dv-3-hd{display: none;}
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 130px; left: 100px; font-size: 40px; font-weight: bold;}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 200px; left: 100px; font-size: 20px; }
	header .rightDiv .menu>ul>li{ margin-right: 0px; }
	.de-page-mian .page-inner span {
	    display: block;
	    font-size: 14px;
	    color: #343434;
	    float: left;
	    line-height: 32px;
	    margin: 0 2px;
	}

	.de-page-mian .page-inner input {
	    display: block;
	    float: left;
	    border: 0;
	    height: 32px;
	    width: 32px;
	    border-radius: 0;
	    text-align: center;
	    line-height: 32px;
	    font-size: 14px;
	    background-color: #ededed;
	    color: #333;
	    margin: 0 2px;
	}
	.ziyeCase{ height: 280px; }
	.ziyeCase .swiper-slide .imgDiv{ height: 200px; }
	.ziyeCase{ height: 430px; }
	.changqvPic .swiper-slide .imgDiv{ height: 330px; }
	.indexDiv1 .hdDiv .rightDiv{width: calc(100% - 298px); }
}
/*小PC屏幕下的专用样式*/
@media screen and (min-width:1201px)and (max-width:1440px) {
	.dv-4-hd{display: none;}
	.inbanner_nav{ width: 1400px; margin: auto; position: relative; }
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 150px; left: 150px; font-size: 60px; font-weight: bold;}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 250px; left: 150px; font-size: 25px; }
	.page_bread{ margin-left: 20px;}
	.de-page-mian .page-inner span {
	    display: block;
	    font-size: 14px;
	    color: #343434;
	    float: left;
	    line-height: 32px;
	    margin: 0 2px;
	}

	.de-page-mian .page-inner input {
	    display: block;
	    float: left;
	    border: 0;
	    height: 32px;
	    width: 32px;
	    border-radius: 0;
	    text-align: center;
	    line-height: 32px;
	    font-size: 14px;
	    background-color: #ededed;
	    color: #333;
	    margin: 0 2px;
	}
	.pro_youshi_tt img{ display: none; }
	.pro_youshi_tt{ padding-left: 30px; }
	.ziyeCase{ height: 300px; }
	.ziyeCase .swiper-slide .imgDiv{ height: 220px; }
	.ziyeCase{ height: 430px; }
	.changqvPic .swiper-slide .imgDiv{ height: 330px; }
	#dv-4-hd{display: none;}

}
/*大PC屏幕下的专用样式*/
@media screen and (min-width:1441px)and (max-width:2920px) {
	.dv-5-hd{display: none;}
	.inbanner_nav{ width: 1400px; margin: auto; position: relative; }
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 200px; left: 0px; font-size: 70px; font-weight: bold;}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 320px; left: 0px; font-size: 30px; }
	.de-page-mian .page-inner span {
	    display: block;
	    font-size: 14px;
	    color: #343434;
	    float: left;
	    line-height: 32px;
	    margin: 0 2px;
	}

	.de-page-mian .page-inner input {
	    display: block;
	    float: left;
	    border: 0;
	    height: 32px;
	    width: 32px;
	    border-radius: 0;
	    text-align: center;
	    line-height: 32px;
	    font-size: 14px;
	    background-color: #ededed;
	    color: #333;
	    margin: 0 2px;
	}
	.contact_nav{ margin-top: 20px; }
	.about_menu{ width: 1000px; margin: auto; }
	.about_menu li{ width: 23%; margin-right: 1%; margin-left: 1%; }
	.pro_content{ margin-top: 40px; }
	#news{ margin-top: 3rem; }
	.ziyeCase{ height: 340px; }
	.ziyeCase .swiper-slide .imgDiv{ height: 260px; }
	.changqvPic .swiper{ height: 420px; }
	.changqvPic .swiper-slide .imgDiv{ height: 330px; }
	#changqv_more{ left: 1300px; }
	.slider_type{ width: 266px; }
	#page_right{ max-width: 1130px; }

}
/*PAGE

----------------------------------------*/
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    width: 32px;
    margin: 2px;
    padding: 0 2px;
    height: 32px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: var(--base_color);
    background: var(--base_color);
}

.de-page-mian .page-inner a.prev {
    margin-left: 0;
    background: #fff url(../img/prev.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev.on {
    background: #fff url(../img/prev-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.next {
    background: #fff url(../img/next.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next.on {
    background: #fff url(../img/next-hover.jpg) no-repeat center;
}img

.de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.page-btn {
    font-size: 14px;
    margin-right: 20px;
    width: 50px;
    height: 32px;
    line-height: 32px;
}

.ImgScale img {
    transition: all 0.3s;
}

.ImgScale:hover img {
    /*transform: scale(1.05);*/
    opacity: 0.8;

}
.imgbox {
    position: relative;
    overflow: hidden;
}

.imgbox:after {
    content: '';
    display: block;
}
.imgbox:hover{ 
	background: #eeeeee;
	
}
.imgbox img, .imgbox video, .imgbox div.contbox{
	transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*transform: scale(1.05);*/
    object-fit: cover;
}
.imgbox_4_3:after {
    margin-top: 75%;
}